extends ../layout

block content

  .container(style='background-color:#f8f8f8;padding: 80px;')
    hr
    .row
      .col-md-12
        .media
          div
            a.pull-left(href='')
              //- // <img  class="media-object" style="width:200px; height:200px; border:1px black solid;border-radius:0px;background:url('https://www.baidu.com/img/bd_logo1.png')"> 以background形式显示图片，不放缩
              img.media-object(src="#{item.img_desc_url}", style='width:500px; height:500px; border:1px black solid;border-radius:0px;')
              //- // ./ ../ /的不同之处？
          .media-body(style="padding-left:50px;")
            label(style="font-size:35px;font-weight:700") #{item.name}
            div
              img(style='margin-top:-6px;width:25px;height:25px;cursor:pointer;', src='/img/item-owner.png')
              span(style='font-size:16px;font-weight:500;') &nbsp;#{item.owner}
              &nbsp;&nbsp;&nbsp;&nbsp;
              img(style='margin-top:-6px;width:27px;height:27px;cursor:pointer;', src='/img/item-likes.png')
              span(style='font-size:16px;font-weight:500;') &nbsp;#{item.likes}
              span(style='font-size:16px;font-weight:500;') &nbsp;likes
              br
              br
            div(style='font-size:18px;')
                .col-md-2
                  span 价格:&nbsp;
                .col-md-10
                span #{item.price}元
            br
            div(style='font-size:18px;')
                .col-md-2
                  span 颜色:&nbsp;
                .col-md-10
                  span #{item.color}
            br
            div(style='font-size:18px;')
                .col-md-2
                  span() 尺码:&nbsp;
                .col-md-10 
                  each size in sizes
                    .sizeEle
                      span #{size.name}
                      //- // div -float left 不同于 span float left
                      //- .sizeEle
                      //-   span M
                      //- .sizeEle
                      //-   span L
            br
            div(style='font-size:18px;padding-top:10px')
                .col-md-2
                  span() 数量:&nbsp;
                .col-md-10
                  .amountEle
                    span -
                  //- // div -float left 不同于 span float left
                  input.amountInputEle(value="#{item.amount}")
                  .amountEle
                    span +
    hr
    .row
      .col-md-12(style="border-bottom:2px #dddcdc solid;padding:0px;")
        div(style="display:inline-block;height:25px;width:25px;background-color:#972942")
        div(style="display:inline-block;color:#972942;font-size:30px;font-weight:700;") 商品描述

      br
      br
      br
      .col-md-12
        p(style="width:auto;height:auto;font-size:20px;text-align:justify;text-justify:inter-ideograph") #{item.description}
        img(src="/img/item011.jpg", style='width:100%; height:auto;')

  link(href="/css/item.css",rel="stylesheet")
